window.onload=function(){

       var btns=document.querySelectorAll(".deletebtn");

       //获取到取消按钮
       var cancel=document.querySelector(".btn .cancel");


       //获取到弹出框
       var jd_win=document.querySelector(".jd_win");

       var jd_win_box=jd_win.querySelector(".jd_win_box");

        var currentUp;

       for(var i=0;i<btns.length;i++){

            btns[i].onclick=function () {

                  //需要显示弹出框
                 jd_win.style.display="block";

                  //点击事件里面加，jd_win 去加一个动画
                  jd_win_box.classList.add("animationWin");

                    //我要获取到up
                  currentUp=this.querySelector(".up");
                  //处理兼容
                  currentUp.style.transform="rotate(-30deg)";
                  currentUp.style.webkitTransform="rotate(-30deg)";
                  currentUp.style.transformOrigin="left bottom";
                  currentUp.style.webkitTransformOrigin="left bottom";
                  currentUp.style.transition="all 0.5s";
                  currentUp.style.webkitTransition="all 0.5s";

            }

       }

        /*取消按钮的点击事件*/
        cancel.onclick=function(){
                if(currentUp){
                     //把他的位置还原
                    currentUp.style.transform="rotate(0deg)";
                    currentUp.style.webkitTransform="rotate(0deg)";
                }
                jd_win.style.display="none";
        }

}